<template>
    <div>
        <input type="checkbox" :checked="value" @change="handleChange" />
    </div>
</template>

<script>
export default {
    props: {
        checked: Boolean,
        abc: Boolean,
    },
    model: {
        prop: 'checked',
        event: 'change',
    },
    methods: {
        handleChange(e) {
            // this.$emit('change', e.target.checked);
            this.$emit('update:abc', e.target.checked);
        },
    },
};
</script>
